/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-404 {
  background-image: url(/assets/images/icons.png);
  background-position: 0px 0px;
  width: 308px;
  height: 302px;
}
.icon-big-warning {
  background-image: url(/assets/images/icons.png);
  background-position: -308px -91px;
  width: 97px;
  height: 97px;
}
.icon-carousel-left {
  background-image: url(/assets/images/icons.png);
  background-position: -405px -91px;
  width: 41px;
  height: 69px;
}
.icon-carousel-right {
  background-image: url(/assets/images/icons.png);
  background-position: -446px -91px;
  width: 41px;
  height: 69px;
}
.icon-more {
  background-image: url(/assets/images/icons.png);
  background-position: -421px -160px;
  width: 9px;
  height: 5px;
}
.icon-oops {
  background-image: url(/assets/images/icons.png);
  background-position: -308px 0px;
  width: 186px;
  height: 91px;
}
.icon-littlearrow {
  background-image: url(/assets/images/icons.png);
  background-position: -487px -91px;
  width: 5px;
  height: 9px;
}
.icon-success {
  background-image: url(/assets/images/icons.png);
  background-position: -308px -188px;
  width: 36px;
  height: 36px;
}
.icon-success16 {
  background-image: url(/assets/images/icons.png);
  background-position: -405px -160px;
  width: 16px;
  height: 16px;
}
